<template>
	<up-tabbar
		:value="value4"
		@change="name => value4 = name"
		:fixed="false"
		:placeholder="false"
		activeColor="#d81e06"
		:safeAreaInsetBottom="true"
	>
		<up-tabbar-item text="首页">
			<template #active-icon>
				<image
					class="u-page__item__slot-icon"
					src="https://cdn.uviewui.com/uview/common/bell-selected.png"
				></image>
			</template>
			<template #inactive-icon>
				<image
					class="u-page__item__slot-icon"
					src="https://cdn.uviewui.com/uview/common/bell.png"
				></image>
			</template>
		</up-tabbar-item>
		<up-tabbar-item text="放映厅" icon="photo" ></up-tabbar-item>
		<up-tabbar-item text="直播" icon="play-right" ></up-tabbar-item>
		<up-tabbar-item text="我的" icon="account" ></up-tabbar-item>
	</up-tabbar>
</template>

<script>
	export default {
		name: 'UpTabbar',
		data() {
			return {
				value4: 0,
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
